<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>填写详细信息</title>
    <link href="layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="css/UserInfo.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">
    <div class="tableCon">
        <table cellspacing="0">
            <tr>
                <td class="left" style="border-top-left-radius: 5px;">预录入编号</td>
                <td class="right"><input type="text" value="XNZX-2017-0001" disabled/></td>
                <td class="left">证书编号</td>
                <td class="right" style="border-top-right-radius: 5px;"><input type="text" value="XNZX-2017-0001" disabled/></td>
            </tr>
            <tr>
                <td class="left">证书名</td>
                <td class="right"><input type="text" value="跨境电商结业证书" disabled/></td>
                <td class="left">荣誉称号</td>
                <td class="right"><input type="text" value="跨境电商优秀学员" disabled/></td>
            </tr>
            <tr>
                <td class="left">发证日期</td>
                <td class="right"><input type="text" value="2017-12-03" disabled/></td>
                <td class="left">发证机构</td>
                <td class="right" colspan="3"><input type="text" value="跨境电商" disabled/></td>
            </tr>
            <tr>
                <td class="left">姓名</td>
                <td class="right"><input type="text" value="张三"/></td>
                <td class="left">性别</td>
                <td class="right">
                    <select>
                        <option>男</option>
                        <option>女</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="left">出生日期</td>
                <td class="right"><input type="text" value="1990-08-20" id="date1"/></td>
                <td class="left">有效证件号码</td>
                <td class="right"><input type="text" value="331111200001012222"/></td>
            </tr>
            <tr>
                <td class="left">工作或学习单位</td>
                <td class="right"><input type="text" value="浙江工商大学"/></td>
                <td class="left">手机号码</td>
                <td class="right"><input type="text" value="18645454545"/></td>
            </tr>
            <tr>
                <td class="left">Email</td>
                <td class="right"><input type="text" value="zhangsan@163.com"/></td>
                <td class="left">毕业院校</td>
                <td class="right"><input type="text" value="浙江工商大学"/></td>
            </tr>
            <tr>
                <td class="left">最高学历</td>
                <td class="right">
                    <select style="width: 160px">
                        <option disabled selected>--请选择--</option>
                        <option>高中及以下</option>
                        <option selected>本科</option>
                        <option>研究生</option>
                        <option>博士</option>
                    </select>
                </td>
                <td class="left">学位</td>
                <td class="right">
                    <select style="width: 160px">
                        <option disabled>--请选择--</option>
                        <option>高中及以下</option>
                        <option selected>学士</option>
                        <option>硕士</option>
                        <option>博士</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="left">专业</td>
                <td class="right"><input type="text" value="跨境电商"/></td>
                <td class="left">现居住城市</td>
                <td class="right"><input type="text" value="浙江省杭州市"/></td>
            </tr>
            <tr>
                <td class="left">现从事主要工作</td>
                <td colspan="3" class="right"><input type="text" value="跨境电商" style="width: 555px;"/></td>
            </tr>
            <tr>
                <td colspan="4" class="last"><button id="reset">重置</button><button>提交</button> </td>
            </tr>
        </table>
    </div>
</div>
<script src="js/jquery.js"></script>
<script src="layui/layui.js"></script>
<script>
    $(function () {
        $(".container").height($(window).height());
        $("table .left").css("width","150px");
        $("table .right").css({
                "width":"200px",
                /*"borderRight":"1px solid #01345f"*/
            });
        $("#reset").click(function () {
            $("table input,table select").not(":disabled").val(this.defaultValue);
        })
    });
    layui.use("laydate",function () {
        var laydate=layui.laydate;
        laydate.render({
            elem:"#date1",
            type:"date",
            format:"yyyy-MM-dd",
            trigger:"click",
            theme:"#f6931c",
            showBottom:false,
        })
    })
</script>
</body>
</html>